<!DOCTYPE html>


<html lang="en">
  

    <head>
      <meta charset="utf-8" />
        
      <meta name="description" content="一个简单的博客" />
      
      <meta
        name="viewport"
        content="width=device-width, initial-scale=1, maximum-scale=1"
      />
      <title> 小周的博客</title>
  <meta name="generator" content="hexo-theme-ayer">
      
      <link rel="shortcut icon" href="/favicon.ico" />
       
<link rel="stylesheet" href="/dist/main.css">

      
<link rel="stylesheet" href="/css/fonts/remixicon.css">

      
<link rel="stylesheet" href="/css/custom.css">
 
      <script src="https://cdn.staticfile.org/pace/1.2.4/pace.min.js"></script>
       
 

      <link
        rel="stylesheet"
        href="https://cdn.jsdelivr.net/npm/@sweetalert2/theme-bulma@5.0.1/bulma.min.css"
      />
      <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>

      <!-- mermaid -->
      
      <style>
        .swal2-styled.swal2-confirm {
          font-size: 1.6rem;
        }
      </style>
    </head>
  </html>
</html>


<body>
  <div id="app">
    
      
    <main class="content on">
      
<section class="cover">
    
  <div class="cover-frame">
    <div class="bg-box">
      <img src="/images/cover1.jpg" alt="image frame" />
    </div>
    <div class="cover-inner text-center text-white">
      <h1><a href="/">小周的博客</a></h1>
      <div id="subtitle-box">
        
          <span id="subtitle">这是一个照片分享博客</span>
        
      </div>
      <div>
        
      </div>
    </div>
  </div>
  <div class="cover-learn-more">
    <a href="javascript:void(0)" class="anchor"><i class="ri-arrow-down-line"></i></a>
  </div>
</section>




<!-- Subtitle -->

<div id="main">
  <section class="outer">
  
  <ul class="ads">
    
        <li>
            <a href="">
                <img src="" width="300" alt="">
            </a>
        </li>
    
        <li>
            <a href="">
                <img src="" width="300" alt="">
            </a>
        </li>
    
</ul>
  
  
  

<div class="notice" style="margin-top:50px">
    <i class="ri-heart-fill"></i>
    <div class="notice-content" id="broad"></div>
</div>
<script type="text/javascript">
    fetch('https://v1.hitokoto.cn')
        .then(response => response.json())
        .then(data => {
            document.getElementById("broad").innerHTML = data.hitokoto;
        })
        .catch(console.error)
</script>

<style>
    .notice {
        padding: 20px;
        border: 1px dashed #e6e6e6;
        color: #969696;
        position: relative;
        display: inline-block;
        width: 100%;
        background: #fbfbfb50;
        border-radius: 10px;
    }

    .notice i {
        float: left;
        color: #999;
        font-size: 16px;
        padding-right: 10px;
        vertical-align: middle;
        margin-top: -2px;
    }

    .notice-content {
        display: initial;
        vertical-align: middle;
    }
</style>
  
  <article class="articles">
    
    
    
    
    <article
  id="post-hello-world"
  class="article article-type-post"
  itemscope
  itemprop="blogPost"
  data-scroll-reveal
>
  <div class="article-inner">
     
    <div class="article-meta">
      <a href="/2023/03/28/hello-world/" class="article-date">
  <time datetime="2023-03-28T12:17:32.650Z" itemprop="datePublished">2023-03-28</time>
</a>    
    </div>
      
    <div class="article-entry" itemprop="articleBody">
       
  <h1 id="小周的游玩日记"><a href="#小周的游玩日记" class="headerlink" title="小周的游玩日记"></a>小周的游玩日记</h1><h2 id="这是我第一次来江心屿"><a href="#这是我第一次来江心屿" class="headerlink" title="这是我第一次来江心屿"></a>这是我第一次来江心屿</h2><p><img src="https://foruda.gitee.com/images/1680263424082107530/0188e14d_12695031.png" alt="输入图片说明" title="HX_06916.PNG"></p>
<h4 id="——那天天气不错"><a href="#——那天天气不错" class="headerlink" title="——那天天气不错"></a>——那天天气不错</h4><h3 id="江面上有一艘游轮，但是不是我们要坐的那一艘"><a href="#江面上有一艘游轮，但是不是我们要坐的那一艘" class="headerlink" title="江面上有一艘游轮，但是不是我们要坐的那一艘"></a>江面上有一艘游轮，但是不是我们要坐的那一艘</h3><p><img src="https://foruda.gitee.com/images/1680263492731748612/a02d32ea_12695031.png" alt="输入图片说明" title="HX_06918.PNG"></p>
<h2 id="是这一艘"><a href="#是这一艘" class="headerlink" title="是这一艘"></a>是这一艘</h2><p><img src="https://foruda.gitee.com/images/1680263513393723749/562e8399_12695031.png" alt="输入图片说明" title="HX_06923.PNG"></p>
<h5 id="——虽然看起来不是那么好看，但是票价还是很便宜的"><a href="#——虽然看起来不是那么好看，但是票价还是很便宜的" class="headerlink" title="——虽然看起来不是那么好看，但是票价还是很便宜的"></a>——虽然看起来不是那么好看，但是票价还是很便宜的</h5><h2 id="远处好像是一个灯塔"><a href="#远处好像是一个灯塔" class="headerlink" title="远处好像是一个灯塔"></a>远处好像是一个灯塔</h2><p><img src="https://foruda.gitee.com/images/1680263755858267204/957bd6e6_12695031.png" alt="输入图片说明" title="HX_06932.PNG"></p>
<h4 id="——有点小背光看不太清凑近点"><a href="#——有点小背光看不太清凑近点" class="headerlink" title="——有点小背光看不太清凑近点"></a>——有点小背光看不太清凑近点</h4><h2 id="看到真正的灯塔了"><a href="#看到真正的灯塔了" class="headerlink" title="看到真正的灯塔了"></a>看到真正的灯塔了</h2><p><img src="https://foruda.gitee.com/images/1680263830547018316/fc189f7a_12695031.png" alt="输入图片说明" title="HX_06934.PNG"></p>
<h4 id="——-没错了这个才是灯塔啦，挺喜欢上面这张的"><a href="#——-没错了这个才是灯塔啦，挺喜欢上面这张的" class="headerlink" title="—— 没错了这个才是灯塔啦，挺喜欢上面这张的"></a>—— 没错了这个才是灯塔啦，挺喜欢上面这张的</h4><h2 id="终于要靠岸了"><a href="#终于要靠岸了" class="headerlink" title="终于要靠岸了"></a>终于要靠岸了</h2><p><img src="https://foruda.gitee.com/images/1680263864157343422/c4bc9e30_12695031.png" alt="输入图片说明" title="HX_06939.PNG"></p>
<h4 id="——这么看来水还是有点浑浊的"><a href="#——这么看来水还是有点浑浊的" class="headerlink" title="——这么看来水还是有点浑浊的"></a>——这么看来水还是有点浑浊的</h4><h2 id="江心屿里面有一个天鹅湖"><a href="#江心屿里面有一个天鹅湖" class="headerlink" title="江心屿里面有一个天鹅湖"></a>江心屿里面有一个天鹅湖</h2><p><img src="https://foruda.gitee.com/images/1680263891389530864/29d47c49_12695031.png" alt="输入图片说明" title="HX_06941.PNG"></p>
<h4 id="——哈哈没看到天鹅吧，一会儿就出现了"><a href="#——哈哈没看到天鹅吧，一会儿就出现了" class="headerlink" title="——哈哈没看到天鹅吧，一会儿就出现了"></a>——哈哈没看到天鹅吧，一会儿就出现了</h4><h2 id="天鹅闪亮登场！！"><a href="#天鹅闪亮登场！！" class="headerlink" title="天鹅闪亮登场！！"></a>天鹅闪亮登场！！</h2><p><img src="https://foruda.gitee.com/images/1680264580041644794/1067c30c_12695031.jpeg" alt="输入图片说明" title="HX_06947.jpg"></p>
<h4 id="——没错这可是黑天鹅呢，当时离我挺远的还好我的小相机给力"><a href="#——没错这可是黑天鹅呢，当时离我挺远的还好我的小相机给力" class="headerlink" title="——没错这可是黑天鹅呢，当时离我挺远的还好我的小相机给力"></a>——没错这可是黑天鹅呢，当时离我挺远的还好我的小相机给力</h4><h2 id="湖边上是一座塔"><a href="#湖边上是一座塔" class="headerlink" title="湖边上是一座塔"></a>湖边上是一座塔</h2><p><img src="https://foruda.gitee.com/images/1680264288188649329/705d9e56_12695031.jpeg" alt="输入图片说明" title="HX_06961.JPG"></p>
<h4 id="——太高了而且还是在亭子里面拍的塔尖都没拍到"><a href="#——太高了而且还是在亭子里面拍的塔尖都没拍到" class="headerlink" title="——太高了而且还是在亭子里面拍的塔尖都没拍到"></a>——太高了而且还是在亭子里面拍的塔尖都没拍到</h4><h2 id="太阳快落山了"><a href="#太阳快落山了" class="headerlink" title="太阳快落山了"></a>太阳快落山了</h2><p><img src="https://foruda.gitee.com/images/1680264018066176004/52d839b3_12695031.png" alt="输入图片说明" title="HX_06965.PNG"></p>
<h4 id="——落日的时候阳光最柔和了，怎么拍都好看"><a href="#——落日的时候阳光最柔和了，怎么拍都好看" class="headerlink" title="——落日的时候阳光最柔和了，怎么拍都好看"></a>——落日的时候阳光最柔和了，怎么拍都好看</h4><h2 id="这时候在桥上"><a href="#这时候在桥上" class="headerlink" title="这时候在桥上"></a>这时候在桥上</h2><p><img src="https://foruda.gitee.com/images/1680264035903153780/d465d2c4_12695031.png" alt="输入图片说明" title="HX_06970.PNG"></p>
<h4 id="——故意拍糊的哈哈哈，焦没对上，这可是206的梦幻男团嘿嘿"><a href="#——故意拍糊的哈哈哈，焦没对上，这可是206的梦幻男团嘿嘿" class="headerlink" title="——故意拍糊的哈哈哈，焦没对上，这可是206的梦幻男团嘿嘿"></a>——故意拍糊的哈哈哈，焦没对上，这可是206的梦幻男团嘿嘿</h4><h2 id="公园里面有活动欸"><a href="#公园里面有活动欸" class="headerlink" title="公园里面有活动欸"></a>公园里面有活动欸</h2><p><img src="https://foruda.gitee.com/images/1680264257437704936/7eeabdd1_12695031.jpeg" alt="输入图片说明" title="HX_06957.JPG"></p>
<h4 id="——小朋友们都穿着古装还挺有氛围的，图上的应该是蹴鞠。"><a href="#——小朋友们都穿着古装还挺有氛围的，图上的应该是蹴鞠。" class="headerlink" title="——小朋友们都穿着古装还挺有氛围的，图上的应该是蹴鞠。"></a>——小朋友们都穿着古装还挺有氛围的，图上的应该是蹴鞠。</h4><h2 id="然后绕了一圈又到边上了"><a href="#然后绕了一圈又到边上了" class="headerlink" title="然后绕了一圈又到边上了"></a>然后绕了一圈又到边上了</h2><p><img src="https://foruda.gitee.com/images/1680264236027335681/f517d8eb_12695031.jpeg" alt="输入图片说明" title="HX_06986.JPG"></p>
<h4 id="——这个拱门看着就有年代了"><a href="#——这个拱门看着就有年代了" class="headerlink" title="——这个拱门看着就有年代了"></a>——这个拱门看着就有年代了</h4><h2 id="笑一个"><a href="#笑一个" class="headerlink" title="笑一个"></a>笑一个</h2><p><img src="https://foruda.gitee.com/images/1680264104768523849/ac73af99_12695031.png" alt="输入图片说明" title="HX_06996.PNG"></p>
<h4 id="——哈哈哈又拍糊了"><a href="#——哈哈哈又拍糊了" class="headerlink" title="——哈哈哈又拍糊了"></a>——哈哈哈又拍糊了</h4><h2 id="身后其实风景也不错的"><a href="#身后其实风景也不错的" class="headerlink" title="身后其实风景也不错的"></a>身后其实风景也不错的</h2><p><img src="https://foruda.gitee.com/images/1680264131293591083/66fb04a4_12695031.png" alt="输入图片说明" title="HX_07002.PNG"></p>
<h4 id="——这张作为我的电脑壁纸还是有一段时间的"><a href="#——这张作为我的电脑壁纸还是有一段时间的" class="headerlink" title="——这张作为我的电脑壁纸还是有一段时间的"></a>——这张作为我的电脑壁纸还是有一段时间的</h4><h2 id="再看看对岸吧"><a href="#再看看对岸吧" class="headerlink" title="再看看对岸吧"></a>再看看对岸吧</h2><p><img src="https://foruda.gitee.com/images/1680264158128546332/b7e87525_12695031.png" alt="输入图片说明" title="HX_06983.PNG"></p>
<h4 id="——都是游艇呢真霸气"><a href="#——都是游艇呢真霸气" class="headerlink" title="——都是游艇呢真霸气"></a>——都是游艇呢真霸气</h4><h2 id="好像潮水下去了"><a href="#好像潮水下去了" class="headerlink" title="好像潮水下去了"></a>好像潮水下去了</h2><p><img src="https://foruda.gitee.com/images/1680264183914121324/86a7de5e_12695031.png" alt="输入图片说明" title="HX_06993.PNG"></p>
<h4 id="——看到地基了都"><a href="#——看到地基了都" class="headerlink" title="——看到地基了都"></a>——看到地基了都</h4><h2 id="太阳快落山了-1"><a href="#太阳快落山了-1" class="headerlink" title="太阳快落山了"></a>太阳快落山了</h2><p><img src="https://foruda.gitee.com/images/1680264212611225549/6baefae2_12695031.png" alt="输入图片说明" title="HX_07006.PNG"></p>
<h1 id=""><a href="#" class="headerlink" title=""></a></h1> 
      <!-- reward -->
      
    </div>
    

    <!-- copyright -->
    
    <footer class="article-footer">
       
    </footer>
  </div>

   
   
  
</article>

    
  </article>
  

  
</section>
</div>

      <footer class="footer">
  <div class="outer">
    <ul>
      <li>
        Copyrights &copy;
        2023
        <i class="ri-heart-fill heart_icon"></i> 小周
      </li>
    </ul>
    <ul>
      <li>
        
      </li>
    </ul>
    <ul>
      <li>
        
        
        <span>
  <span><i class="ri-user-3-fill"></i>Visitors:<span id="busuanzi_value_site_uv"></span></span>
  <span class="division">|</span>
  <span><i class="ri-eye-fill"></i>Views:<span id="busuanzi_value_page_pv"></span></span>
</span>
        
      </li>
    </ul>
    <ul>
      
    </ul>
    <ul>
      
    </ul>
    <ul>
      <li>
        <!-- cnzz统计 -->
        
        <script type="text/javascript" src='https://s9.cnzz.com/z_stat.php?id=1278069914&amp;web_id=1278069914'></script>
        
      </li>
    </ul>
  </div>
</footer>    
    </main>
    <div class="float_btns">
      <div class="totop" id="totop">
  <i class="ri-arrow-up-line"></i>
</div>

<div class="todark" id="todark">
  <i class="ri-moon-line"></i>
</div>

    </div>
    <aside class="sidebar on">
      <button class="navbar-toggle"></button>
<nav class="navbar">
  
  <div class="logo">
    <a href="/"><img src="/images/ayer-side.svg" alt="小周的博客"></a>
  </div>
  
  <ul class="nav nav-main">
    
    <li class="nav-item">
      <a class="nav-item-link" href="/">主页</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/archives">归档</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/categories">分类</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags">标签</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/tags/%E6%97%85%E8%A1%8C/">旅行</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" target="_blank" rel="noopener" href="http://shenyu-vip.lofter.com">摄影</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/friends">友链</a>
    </li>
    
    <li class="nav-item">
      <a class="nav-item-link" href="/2019/about">关于我</a>
    </li>
    
  </ul>
</nav>
<nav class="navbar navbar-bottom">
  <ul class="nav">
    <li class="nav-item">
      
      <a class="nav-item-link nav-item-search"  title="Search">
        <i class="ri-search-line"></i>
      </a>
      
      
      <a class="nav-item-link" target="_blank" href="/atom.xml" title="RSS Feed">
        <i class="ri-rss-line"></i>
      </a>
      
    </li>
  </ul>
</nav>
<div class="search-form-wrap">
  <div class="local-search local-search-plugin">
  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
  <div id="local-search-result" class="local-search-result"></div>
</div>
</div>
    </aside>
    <div id="mask"></div>

<!-- #reward -->
<div id="reward">
  <span class="close"><i class="ri-close-line"></i></span>
  <p class="reward-p"><i class="ri-cup-line"></i>请我喝杯咖啡吧~</p>
  <div class="reward-box">
    
    
  </div>
</div>
    
<script src="/js/jquery-3.6.0.min.js"></script>
 
<script src="/js/lazyload.min.js"></script>

<!-- Tocbot -->

<script src="https://cdn.staticfile.org/jquery-modal/0.9.2/jquery.modal.min.js"></script>
<link
  rel="stylesheet"
  href="https://cdn.staticfile.org/jquery-modal/0.9.2/jquery.modal.min.css"
/>
<script src="https://cdn.staticfile.org/justifiedGallery/3.8.1/js/jquery.justifiedGallery.min.js"></script>

<script src="/dist/main.js"></script>

<!-- ImageViewer -->
 <!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>

    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">

        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>

        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">

            <div class="pswp__top-bar">

                <!--  Controls are self-explanatory. Order can be changed. -->

                <div class="pswp__counter"></div>

                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>

                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>

                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>

                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>

                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div>
            </div>

            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>

            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>

            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>

        </div>

    </div>

</div>

<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.css">
<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/default-skin/default-skin.min.css">
<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.js"></script>
<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe-ui-default.min.js"></script>

<script>
    function viewer_init() {
        let pswpElement = document.querySelectorAll('.pswp')[0];
        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))

        $imgArr.forEach(($em, i) => {
            $em.onclick = () => {
                // slider展开状态
                // todo: 这样不好，后面改成状态
                if (document.querySelector('.left-col.show')) return
                let items = []
                $imgArr.forEach(($em2, i2) => {
                    let img = $em2.getAttribute('data-idx', i2)
                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
                    let title = $em2.getAttribute('alt')
                    // 获得原图尺寸
                    const image = new Image()
                    image.src = src
                    items.push({
                        src: src,
                        w: image.width || $em2.width,
                        h: image.height || $em2.height,
                        title: title
                    })
                })
                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
                    index: parseInt(i)
                });
                gallery.init()
            }
        })
    }
    viewer_init()
</script> 
<!-- MathJax -->

<!-- Katex -->

<!-- busuanzi  -->
 
<script src="/js/busuanzi-2.3.pure.min.js"></script>
 
<!-- ClickLove -->

<!-- ClickBoom1 -->

<!-- ClickBoom2 -->

<!-- CodeCopy -->
 
<link rel="stylesheet" href="/css/clipboard.css">
 <script src="https://cdn.staticfile.org/clipboard.js/2.0.10/clipboard.min.js"></script>
<script>
  function wait(callback, seconds) {
    var timelag = null;
    timelag = window.setTimeout(callback, seconds);
  }
  !function (e, t, a) {
    var initCopyCode = function(){
      var copyHtml = '';
      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
      copyHtml += '</button>';
      $(".highlight .code pre").before(copyHtml);
      $(".article pre code").before(copyHtml);
      var clipboard = new ClipboardJS('.btn-copy', {
        target: function(trigger) {
          return trigger.nextElementSibling;
        }
      });
      clipboard.on('success', function(e) {
        let $btn = $(e.trigger);
        $btn.addClass('copied');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-checkbox-circle-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPIED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-checkbox-circle-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
      clipboard.on('error', function(e) {
        e.clearSelection();
        let $btn = $(e.trigger);
        $btn.addClass('copy-failed');
        let $icon = $($btn.find('i'));
        $icon.removeClass('ri-file-copy-2-line');
        $icon.addClass('ri-time-line');
        let $span = $($btn.find('span'));
        $span[0].innerText = 'COPY FAILED';
        
        wait(function () { // 等待两秒钟后恢复
          $icon.removeClass('ri-time-line');
          $icon.addClass('ri-file-copy-2-line');
          $span[0].innerText = 'COPY';
        }, 2000);
      });
    }
    initCopyCode();
  }(window, document);
</script>
 
<!-- CanvasBackground -->

<script>
  if (window.mermaid) {
    mermaid.initialize({ theme: "forest" });
  }
</script>


    
    <div id="music">
    
    
    
    <iframe frameborder="no" border="1" marginwidth="0" marginheight="0" width="200" height="52"
        src="//music.163.com/outchain/player?type=2&id=22707008&auto=1&height=32"></iframe>
</div>

<style>
    #music {
        position: fixed;
        right: 15px;
        bottom: 0;
        z-index: 998;
    }
</style>
    
    

  </div>
</body>

</html>